<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- For-Mobile-Apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />

<!-- Custom-Stylesheet-Links -->	
<link  rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all" />
<link rel="stylesheet"	href="css/style.css" type="text/css" media="all" /> 
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/lightbox.css">
<!-- //Custom-Stylesheet-Links -->

</head>
<body>
	<div class="banner" id="banner">
		<div class="header"></div>
		<div class="bannertext">
			<h1>华发山庄梁府智能家居设计方案</h1>
			<label class="headline"></label>
			<p>2018.12.12<p>
		</div>
	</div>

	<div class="about" id="about">
		<div class="container">
			<div class="col-md-6 col-sm-6 about-left">
				<h3>项目介绍</h3>
				<h6>Design</h6>
				<label class="about-line"></label>
				<p>What doesn't kill you makes you stronger.</p>
				<p class="w3l">My son,The day you were borned,The very forest of Lorderan whispered the name:Arthas.
					My child,I watched with pride, as you grew into a weapon of righteousness. Remember,our land has always been ruled with wisdom and strength.
					And I know,you would show restraint, when you exercising your great power.
					But the truest victory my son,Is stiring the hearts of your people.
					I told you this, For when the day of my life come to the end,You, shall be king...
					</p>
				<!--<a href="#portfolio" class="scroll">SEE PORTFOLIO</a>-->
			</div>
			<div class="col-md-6  col-sm-6 about-right">
				<img src="images/room0.png" alt="" />
			</div>
		</div>
	</div>
	

	<!--portfolio-->
<div id="portfolio" class="portfolio">
	<div class="container">
		<h3>工程照片</h3>
		<h4>Photos</h4>
		<label class="portfolio-line"></label>
		<h6>If Tetris has taught me anything, it's that errors pile up and accomplishments disappear.</h6>
		<div class="sap_tabs">			
			<div id="horizontalTab">
				<ul class="resp-tabs-list" >
					<li class="resp-tab-item" style="color: white;background-color: white;border: none;height: 1px"><span>All</span></li>
					<!--<li class="resp-tab-item"><span>Feminine</span></li>-->
					<!--<li class="resp-tab-item"><span>Modern</span></li>-->
					<!--<li class="resp-tab-item"><span>Trendy</span></li>-->
					<!--<li class="resp-tab-item"><span>Unusual</span></li>-->
				</ul>
				<div class="clearfix"> </div>	
				<div class="resp-tabs-container">
					<div class="tab-1 resp-tab-content">
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<!--<a href="images/room1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">-->
							<a href="images/room1.jpg" data-lightbox="example-set" data-title="当人推开门的时候传感器启动工作，设定好的灯光自动开启，避免深夜开门找开关的麻烦。">
								<img src="images/room1s.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>玄关</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
							<a href="images/room2.jpg" data-lightbox="example-set" data-title="周末放假在家看场电影，通过手机或者智能面板点击观影模式，打开电视和硬盘播放器，把客厅灯带调成暖色灯光偏暗，其他灯光关闭，把客厅纱帘和布帘关闭。营造一种影院效果，享受身临其境的影音感受。">
								<img src="images/room2s.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>客厅</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
							<a href="images/room3.jpg" data-lightbox="example-set" data-title="居家模式：以明亮坚固的氛围，提供常态生活起居的照明。">
								<img src="images/room3s.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>卧室</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
							<a href="images/room4.png" data-lightbox="example-set" data-title="每天早上7点30电动窗帘自动开启，每天晚上9点每隔10分钟自动调节灯光亮度，提醒小孩睡眠时间到了。">
								<img src="images/room4s.png" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>儿童房</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
							<a href="images/room6.jpg" data-lightbox="example-set" data-title="卫生间设置智能面板，一键开启全部卫生间全部灯光，还可以控制走廊灯光。">
								<img src="images/room6s.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>卫生间</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
							<a href="images/room7.jpg" data-lightbox="example-set" data-title="主人可以通过手机控制厨房受控电源插座。解决出门忘记关闭厨房插座的带来的危险。">
								<img src="images/room7s.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>厨房</h5>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>	

				</div>						
			</div>
		</div>
	</div>
</div>
<!--//portfolio-->

	<div class="team" id="team">
		<div class="container">
			<div class="team-header">
				<h3>设备清单</h3>
				<h5>Device List</h5>
				<label class="portfolio-line"></label>
				<h6>Now or Never</h6>
			</div>
			<div style="text-align: center">
				<img src="images/device_list.png" style="width: 80%;margin-bottom: 30px">
				<div class="clearfix"></div>
				<img src="images/control_point.png" style="width: 80%">
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	

	<div class="footer">
		<div class="container">
			<p class="agileinfo">Copyright &copy; 2016.Company name All rights reserved.More Cases <a href="#" target="_blank" title="世讯科技">世讯科技</a> - Made by 王景阳</p>
		</div>
	</div>
	
<!-- Default-JavaScript-File --> <script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap --> <script type="text/javascript" src="js/bootstrap.js"></script>


<script type="text/javascript" src="js/jquery-func.js"></script>
<script src="js/lightbox-plus-jquery.min.js"> </script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$('#horizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion
			width: 'auto', //auto or any width like 600px
			fit: true   // 100% fit in a container
		});
	});
</script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
</body>
</html>